<template>
    <div class="container">
        <div>用户名: {{ user.username }}</div>
        <div>个人介绍: {{ user.intro }}</div>
        <slot :accountJoin="user.accountJoin"></slot>
    </div>
</template>

<script>
export default {
    name: "Userinfo",
    props: ['user']
}
</script>

<style scoped>
.container {
    padding: 10px;
    width: 1200px;
    margin: 0 auto;
    border: 1px solid #333;
    border-radius: 10px;
    line-height: 24px;
    margin-bottom: 10px;
}
.indent {
    margin-left: 32px;
}
</style>